<!DOCTYPE html>
<html>

<head>
  <title>首页</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="./static/index/css/public.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/reclassify.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/common.css" />
  <link rel="stylesheet" type="text/css" href="./static/index/css/search.css" />
  <link rel="stylesheet" type="text/css" href="./static/index/css/public.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/index.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/swiper.css">
</head>
<style>
  iframe {
    width: 100%;
    z-index: 9999;
    height: 400px;
  }
</style>

<body>
  <div id="searchss">
    <div class="search">
      <div class="logo">
        <a href="index"><img src="./static/index/img/backimg.png" /></a>
      </div>
      <div class="sear_input">
        <input type="text" id="goodsname" name="name" value="">
        <button class="btnser"><i class="iconfont icon-icon--"></i></button>
      </div>
      <div class="sera_cart">
        <a href="javascript:void(0)">
          <p onclick="myCart()"><i class="iconfont btnser icon-gouwuche5"></i>我的购物车</p>
        </a>
        <span class="cartnum"></span>
      </div>

      <div class="sear_fir">


        <div class="sinup sinup1">
          <a onclick="loginin()" href="javascript:void(0)">登录</a>
          <a>/</a>
          <a onclick="res()" href="javascript:void(0)">注册</a>
        </div>



        <div class="sinup">
          <a target="_blank" href="../admin/login.html">后台管理</a>
        </div>



        <div class="sigin">
          <span class="wel" id="wel"></span>
        </div>
        <div class="my">
          <a>个人中心</a>
          <i class="iconfont icon-zheng-triangle1"></i>
          <ul class="uls">
            <li onclick="myorder()"><a href="javascript:void(0)">我的订单</a></li>
            <li onclick="address()"><a href="javascript:void(0)">收货地址</a></li>
            <li onclick="pwd()"><a href="javascript:void(0)">修改密码</a></li>
            <li onclick="logout()"><a href="javascript:void(0)">退出</a></li>
          </ul>
        </div>

      </div>


    </div>
  </div>

  <!--导航nav-->
  <div id="navall">
    <div id="nav">
      <!--产品分类-->
      <div class="proclass">
        <p>产品分类</p>

        <div class="prolist" style="display:none;">

          <!--类目  -->

          <!-- <div class="list">
            <dl>
                <a href="type?id=${type.id}">
                  <dt>${type.name}</dt>
                </a>
              </dl>
          </div> -->
        </div>
      </div>

      <!--导航-->
      <ul id="inav">
        <li class="active"><a href="javascript:void(0);">商城首页</a></li>
        <li onclick="selectAll(1)"><a href="javascript:void(0)">今日推荐</a></li>
        <li onclick="selectAll(2)"><a href="javascript:void(0);">热销排行</a></li>
        <li onclick="selectAll(3)"><a href="javascript:void(0);">新品上市</a></li>
      </ul>

    </div>
  </div>
  <div class="main">
    <div class="m_content m_today_box">
      <div id="m_today">
        <div class="m-hot-tit clearfix">
          <div class="m-hot-tit-left"><span>今日推荐</span></div>
          <a href="javascript:void(0)">
            <div onclick="moretoday(1)" class="m-hot-tit-right"><span>更多推荐 ></span></div>
          </a>
        </div>
        <div class="mdd_today_box clearfix">
          <div class="m_today_center clearfix">
          </div>
        </div>
      </div>
    </div>


    <!--热销排行-->
    <!-- 排名前三个热销商品 -->
    <div class="m_content mdd-top">
      <div id="m_hot">
        <div class="m-hot-tit clearfix">
          <div class="m-hot-tit-left"><span>热销排行</span></div>
          <a href="javascript:void(0)">
            <div onclick="moretoday(2)" class="m-hot-tit-right"><span>更多热销 ></span></div>
          </a>
        </div>
        <div class="m_hot_one clearfix">

        </div>



        <!-- 排名第四-八的热销商品 -->
        <div class="m_hot_two clearfix">
          <div class="goods-box ">
            <div class="goods clearfix">
              <div class="m-pm"><span></span></div>
              <a href="detail?id=32">
                <div class="img-box">
                  <img src="../upload/4-6.jpg">
                </div>
              </a>
              <div class="goods-right">
                <a href="detail?id=32">
                  <p class="goodsname">即品坚果 台湾甄选 颗颗饱满</p>
                </a>
                <p class="goods-descript">留存水果本真 有滋有味</p>
                <p class="goods-spec">56g</p>
                <p class="goodsprices"><span class="yj">&yen;<span class="yjcont">12</span></span></p>
                <p class="addcart" data-id="32"><i class="iconfont icon-gouwuche3"></i>加入购物车</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--产品分类-->
    <div class="goodstype">

      <div class="main Louti vegetable">
        <div class="m-hot-tit clearfix">
          <div class="m-hot-tit-left"><span>休闲零食</span></div>
          <a href="type?id=4">
            <div class="m-hot-tit-right">查看更多 ></div>
          </a>
        </div>
        <div class="main-box">
          <div class="m-swiper-container">
            <div class="swiper-wrapper">

              <!--  -->
              <div class="swiper-slide">
                <!-- 五个就加一个 -->

              </div>
              <!--  -->
              <div class="swiper-slide">

              </div>

            </div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </div>


    </div>
  </div>
  <iframe src="./footer.html" width="100%" height="100%" frameborder="0" collapsing="yes" scrolling="no"></iframe>
</body>
<script src="./static/index/js/jquery.min.js" type="text/javascript"></script>
<script src="../js/page.js"></script>
<script src="./static/index/js/jquery.fly.min.js" type="text/javascript"></script>
<script src="./static/index/js/jquery.flexslider.min.js" type="text/javascript"></script>
<script src="./static/index/js/swiper.min.js" type="text/javascript"></script>
<script src="../index/static/index/layer/layer.js"></script>

<script src="./js/index.js"></script>
<script src="../js/header.js"></script>


<script type="text/javascript">
  // 商品轮播


  // 显示购物车按钮
  $(".goods-box").on("mouseenter", function () {
    $(this).addClass("active")
    $(this).find(".addcart").show()
    $(this).find(".reserve").show()
    $(this).find(".m_stop").show()
    $(this).find(".goodsprices").hide()
  });
  $(".goods-box").on("mouseleave", function () {
    $(this).removeClass("active")
    $(this).find(".addcart").hide()
    $(this).find(".reserve").hide()
    $(this).find(".m_stop").hide()
    $(this).find(".goodsprices").show()
  });
  $(".goods-box1").on("mouseenter", function () {
    $(this).addClass("active")
  });
  $(".goods-box1").on("mouseleave", function () {
    $(this).removeClass("active")
  });
  $(".goods-box2").on("mouseenter", function () {
    $(this).addClass("active")
    $(this).find(".addcart").show()
    $(this).find(".reserve").show()
    $(this).find(".goodsprices").hide()
  });
  $(".goods-box2").on("mouseleave", function () {
    $(this).removeClass("active")
    $(this).find(".addcart").hide()
    $(this).find(".reserve").hide()
    $(this).find(".goodsprices").show()
  });


</script>

</html>